<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3颜色属性</title>
<style>
	#div1{ width:200px; height:150px; 
 		background-image:linear-gradient(to left top, red, yellow, blue); }
	#div2{ width:200px; height:150px; 
 		background-image:linear-gradient(90deg, red, yellow, blue); }
	#div3{ width:200px; height:150px; 
		background-image:linear-gradient(red 10%, blue 90%); }
</style>
</head>
<body>
<div id="div1"></div><br>
<div id="div2"></div><br>
<div id="div3"></div>
</body>
</html>
